<template>
  <div class="items clearfix">
    <span class="item-text">【学院新闻】 {{ text }}</span>
    <span class="time">2021-06-02</span>
  </div>
</template>

<script>
export default {
  name: "Items",
  props: ["text"],
};
</script>

<style lang="less">
clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.items {
  cursor: pointer;
  height: 55px;
  width: 100%;
  line-height: 55px;
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  .item-text {
    float: left;
    padding-left: 30px;
    background: url("../../assets/images/news-title-bg.png") no-repeat 10px 25px;
  }
  .time {
    float: right;
  }
}
</style>